.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}
//搜索框
.search {
  .flex_center();
  width: 100%;
  height: 0.53rem;
  &>div {
    position: relative;
    width: 2.7rem;
    height: 100%;
    input {
      width: 100%;
      height: 100%;
      border: 1px solid #ff9344;
      border-radius: 0.26rem;
      font-size: 0.24rem;
      color: #777;
      padding-left: 0.3rem;
      &::placeholder {
        font-size: 0.24rem;
        color: #777;
      }
    }
    .icon {
      position: absolute;
      top: 50%;
      right: 0.2rem;
      transform: translateY(-50%);
      height: 80%;
    }
  }
}

// 大家都在搜
.bothSearch {
  width: 100%;
  margin-top: 0.3rem;
  &>div {
    width: 100%;
    .title {
      p {
        width: 100%;
        text-align: center;
        font-size: 0.26rem;
        color: #000;
        font-weight: 700;
      }
    }  
    .item {
      .flex_center();
      width: 100%;
      ul {
        .flex_center();
        flex-wrap: wrap;
        width: 5.5rem;
        li {
          .flex_center();
          width: 1.25rem;
          height: 0.65rem;
          background-color: #dcdcdc;
          margin: 0.05rem;
          font-size: 0.2rem;
          color: #898989;
        }
      }
    }  
  }
}

// 热门搜索
.hot {
  width: 100%;
  padding: 0 0.23rem;
  .all_title {
    .left {
      img {
        width: 0.32rem;
      }
    }
  }
  .hot_food {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 3.5rem;
    margin-top: 0.3rem;
    .left {
      width: 39.4%;
      height: 100%;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 59%;
      height: 100%;
      .dv1 {
        width: 100%;
        height: 1.5rem;
        img {
          width: 100%;
        }
      }
      .dv2 {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 1.97rem;
        img {
          height: 100%;
          &:nth-of-type(1) {
            width: 1.95rem;
          }
          &:nth-of-type(2) {
            width: 2.1rem;
          }
        }
      }
    }
  }
}

// 推荐搜索
.recommend {
  width: 100%;
  padding: 0 0.23rem;
  .all_title {
    .left {
      img {
        width: 0.4rem;
      }
    }
  }
  .recommend_items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 0.3rem;
    .item {
      width: 29.5%;
      margin-bottom: 0.1rem;
      img {
        width: 100%;
      }
    }
  }
}

